
.x-desktop-datePicker {
	border-top			: 1px solid #BBBBBB;
	border-right		: 1px solid #BBBBBB;
	border-bottom		: 1px solid #BBBBBB;
	border-left			: 1px solid #BBBBBB;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	  
	padding				: 1px 0px 0px 1px;
	color				: black;
	position			: absolute;
	z-index				: 10000;
	background			: #ffffff; 
}

.x-desktop-datePicker-list {
	border-top			: 1px solid #BBBBBB;
	border-right		: 1px solid #BBBBBB;
	border-bottom		: 1px solid #BBBBBB;
	border-left			: 1px solid #BBBBBB;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;	  
	padding				: 1px 0px 0px 1px;
	color				: black;
	background			: #FFFFFF; 
	position			: absolute;
	z-index				: 10000;
}

.x-desktop-datePicker .prev-year {
	border				: none;
	cursor				: pointer;			
	width: 18px;
	height: 14px;
	background			: url(./img/navLeft.gif) no-repeat;
	background-position : center bottom;
}
.x-desktop-datePicker .prev-month {
	border				: none;
	cursor				: pointer;			
	width: 18px;
	height: 14px;
	background			: url(./img/left.gif) no-repeat;
	background-position : center bottom;
}
.x-desktop-datePicker .next-year {
	border				: none;
	cursor				: pointer;			
	width: 18px;
	height: 14px;
	background			: url(./img/navRight.gif) no-repeat;
	background-position : center bottom;
}
.x-desktop-datePicker .next-month {
	border				: none;
	cursor				: pointer;			
	width: 18px;
	height: 14px;
	background			: url(./img/right.gif) no-repeat;
	background-position : center bottom;
}

.x-desktop-datePicker .clear{
	width				:16px; 
	height				:16px;
	background			: url(icon_clear.gif) no-repeat;
	cursor				: pointer;
}
 
.x-datePicker-touch .prev-year,
.x-datePicker-touch .prev-month,
.x-datePicker-touch .next-year,
.x-datePicker-touch .next-month,  
.x-datePicker-touch .clear,
{
	background : transparent;
}

.x-desktop-datePicker .button {
	text-align			: center;
	padding				: 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
}

.x-desktop-datePicker thead .hover {
	border				: 2px solid;
	border-color		: #fff #000 #000 #fff;
	background-color	: #DFF4FF;
}

.x-desktop-datePicker .title, .x-desktop-datePicker tfoot {
	vertical-align: middle;
	padding-top: 4px;
	text-align			: center;
	border: 			: none;
}

.date tfoot {
	display				: none;
}

.x-desktop-datePicker thead tr{
	background: #DFF4FF;
}
.x-desktop-datePicker tfoot tr, .x-desktop-datePicker thead tr{
	height				:32px;
	line-height: 		:32px;
}

.x-datePicker-touch tfoot tr, .x-desktop-datePicker thead tr{
	height				:36px;
	line-height: 		:36px;
}

.x-desktop-datePicker tfoot input {
	width				: 42px;
	height				: 22px;
	text-align			: center;
	border-left: 			: none;
	border-right: 			: none;
	border-top: 			: none;
	border-bottom: 			: none; 
	border-bottom-left-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
}

.x-datePicker-touch tfoot input {
	width				: 60px;
	height				: 24px;
}

.x-desktop-datePicker-button {
	height				: 24px;
	width				: 48px;
	margin:1px 3px 2px 1px;
    border:0px solid #dedede;
    border-top:0px solid #eee;
    border-left:0px solid #eee;
    font-size: 12px;
    cursor:pointer;
	border-bottom-left-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
    background:#54B3F3;
    color: white;
    border-bottom: 1px solid #6BA7CF;
}

.x-desktop-datePicker-button:hover {
	background: #6ABCF4;
}
.x-desktop-datePicker-input{
	/*font-size				: 16px;*/
	height					: 22px;
	cursor					: pointer;
	border 					: 1px solid #BBBBBB;
	ime-mode				: disabled;
	background				: #FFFFFF 
}

.x-datePicker-touch .x-desktop-datePicker-input{
	height					: 24px;
}
	 
.x-desktop-datePicker-year{
	width					: 54px;
	text-align				: right; 
	border-right			: medium none;
	border-bottom-left-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
}

.x-desktop-datePicker-{
	width					: 8px;
	border-left				: medium none; 
	border-right			: medium none;	
}

.x-desktop-datePicker-month{
	width					: 36px; 
	text-align				: left; 
	border-left				: medium none;
	border-bottom-right-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
}

.x-desktop-datePicker .names {
	height				:24px;
	line-height: 		:24px;
	background			: #DFF4FF;
	text-align			: center;
}

.x-desktop-datePicker .names .name{
	width				:24px;
}

.x-desktop-datePicker .day {
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	text-align			: center;
	padding				: 2px 6px 2px 6px; 
	cursor				: pointer; 
	height				: 24px;
}

.x-datePicker-touch .names .name{
	width				:32px;
}

.x-datePicker-touch .day {
	height				: 32px;
}

.x-desktop-datePicker tbody .hover {
	background:#DFF4FF;
	border-bottom-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}

.x-desktop-datePicker .today {
	font-weight			: bold;
	color				: #00f;
}

.x-desktop-datePicker .selected {
	font-weight			: bold;
	background:#DFF4FF;
	border-bottom-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}

.x-desktop-datePicker .weekend {
	color				: #f00;
}

.x-desktop-datePicker-list {
	padding				: 0;
	margin				: 0;
	width				: 55px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	cursor				: pointer;
}

.x-touch-datePicker-list{
	width				: 60px;
	height				: 224px;
	overflow			: auto;
}

.x-desktop-datePicker-list li {
	list-style-type		: none;
	text-align			: center;
	padding				: 1px;
}

.x-touch-datePicker-list li{
	height				: 24px;
}

.x-desktop-datePicker-list li.hover {
	border				: none;  
	padding				: 1px;
	background:#DFF4FF;
	width				: 100%;
	border-bottom-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
